<div class="container">
    <aside>
        <h2>产品服务</h2>
        <ul>
            <li><a href="/product?cat_id=1">汽车配件</a></li>
            <li><a href="/product?cat_id=2">轮船配件</a></li>
            <li><a href="/product?cat_id=3">数码产品</a></li>
            <li><a href="/product?cat_id=4">家居用品</a></li>
        </ul>
    </aside>
    <article class="main">
        <DIV id=productList>

            <!-- <DL class=noMargin>
                <DT><A href="#"><IMG alt="商品名1" src="/images/1.jpg"></A></DT>
                <DD>
                    <P class=name><A title="商品名1" href="#">商品名1</A></P>
                    <P class=brief>商品1简介部分文字...</P>
                    <P class=price>价格:¥100.00 元</P>
                </DD>
            </DL>
            <DL class=noMargin>
                <DT><A href="#"><IMG alt=商品名2 src="/images/1.jpg"></A></DT>
                <DD>
                    <P class=name><A title="商品名2" href="#">商品名2</A></P>
                    <P class=brief>商品2简介部分文字...</P>
                    <P class=price>价格:¥155.00 元</P>
                </DD>
            </DL> -->


            <!-- ///替换 -->
             <% for (var i==0;i<products.length;i++){%>

                <DL>
                    <DT><A herf="/detail/<%=products[i].id>">
                        <IMG alt='<%=products[i].name %>' src="/<%=products[i].image%>"
                    </A>

                    </DT>

                    <DD>
                        <P CLASS="name">
                            <A title="<%=products[i].name%>" href="/detail/<%=products[i].id%>">
                                <%=products[i].name%>
                            </A>
                        </P>
                       <p>
                        <p class=price>价格：¥<%=products[i].price>元</p>
                        <p class="brief"><%- products[i].content.substr(0,30) %>...</p>


                    </DD>
                </DL>
<%}%>

            <DIV class=clear></DIV>
        </DIV>
    </article>
</div>

  